﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="relay.aspx.cs" Inherits="Baton.relay" %>

<!doctype html>
<html lang="en">

<head>
	<meta name="Generator" content="TPshop v1.1" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" name="viewport" />
	<title>我的接棒</title>
	<link rel="stylesheet" href="css/public.css">
	<link rel="stylesheet" href="css/main.css">
	<script src="js/jquery-1.10.1.min.js"></script>
</head>

<body>
	<div class="container2">
		<!-- 昵称头像 -->
		<div class="info">
			<div class="info-head">
				<div class="tx"><img src="<%=headimgurl %>" alt="" class="tx-img"></div>
				<div class="info-name"><%=name %></div>
			</div>
			<!-- 好友接力按钮 -->
			<img src="img/invite-btn.png" alt="" class="invite-btn" />
		</div>
		<img src="img/jb-bg.jpg" class="jb-bg" />
		<!-- 传递数量 -->
		<div class="relay-container">
			<div class="relay-my">已经传递<%=count %>棒</div>
		</div>
		<!-- 上传照片按钮 -->
		<%--<a href="upload.aspx"><img src="img/load-btn.png" alt="" class="up-img-btn" /></a>--%>
		<!-- 主题框 -->
		<div class="relay-pic">
			<img src="img/t<%=topic %>.png">
		</div>
		<img src="img/img-nav.png" class="nav" />
		<!-- 我的接棒内容 -->
		<div class="my">
			<%=list %>
		</div>
	</div>
	<!-- 右上角分享 -->
	<div class="share">
		<img src="img/share.png" alt="" class="share-img">
	</div>
</body>
<script>
	$(function () {
		$('.invite-btn').click(function () {
			$('.share').show();
        });

        $('.share').click(function () {
            $('.share').hide();
        });
	})
</script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript">
        $.ajax({
            type: "Post",
            url: "/ashx/JsApiSign.ashx",
            dataType: 'json',
            data: { url: location.href.split('#')[0] },
            success: function (data) {
                wx.config({
                    debug: false,
                    appId: data.appid,
                    timestamp: data.timestamp,
                    nonceStr: data.noncestr,
                    signature: data.signature,
                    jsApiList: [
                        'onMenuShareTimeline',
                        'onMenuShareAppMessage',
                        'onMenuShareQQ',
                        'onMenuShareWeibo',
                        'getNetworkType'
                    ]
                });
                wx.ready(function () {
                    //分享到朋友圈
                    wx.onMenuShareTimeline({
                        title: '<%=sharetitle%>', // 分享标题
                        link: '<%=shareurl%>', // 分享链接
                        imgUrl: '<%=shareimg%>', // 分享图标
                        success: function () {
                            // 用户确认分享后执行的回调函数
                            shareSuccess();
                        },
                        cancel: function () {
                            //alert("别这样啦，好东西要和朋友分享的嘛！");
                        },
                        fail: function (res) {
                            showTipsPopbox("分享失败，重新分享试试吧！");
                        }
                    });
                    //分享给朋友
                    wx.onMenuShareAppMessage({
                        title: '<%=sharetitle%>', // 分享标题
                        desc: '<%=sharecontents%>', // 分享描述
                        link: '<%=shareurl%>', // 分享链接
                        imgUrl: '<%=shareimg%>', // 分享图标
                        success: function () {
                            // 用户确认分享后执行的回调函数
                            shareSuccess();
                        },
                        cancel: function () {
                            //alert("别这样啦，好东西要和朋友分享的嘛！");
                        },
                        fail: function (res) {
                            showTipsPopbox("分享失败，重新分享试试吧！");
                        }
                    });
                    //分享到QQ			
                    wx.onMenuShareQQ({
                        title: '<%=sharetitle%>', // 分享标题
                        desc: '<%=sharecontents%>', // 分享描述
                        link: '<%=shareurl%>', // 分享链接
                        imgUrl: '<%=shareimg%>', // 分享图标
                        success: function () {
                            // 用户确认分享后执行的回调函数
                            shareSuccess();
                        },
                        cancel: function () {
                            //alert("别这样啦，好东西要和朋友分享的嘛！");
                        },
                        fail: function (res) {
                            showTipsPopbox("分享失败，重新分享试试吧！");
                        }
                    });
                    //分享到微博
                    wx.onMenuShareWeibo({
                        title: '<%=sharetitle%>', // 分享标题
                        desc: '<%=sharecontents%>', // 分享描述
                        link: '<%=shareurl%>', // 分享链接
                        imgUrl: '<%=shareimg%>', // 分享图标
                        success: function () {
                            // 用户确认分享后执行的回调函数
                            shareSuccess();
                        },
                        cancel: function () {
                            //alert("别这样啦，好东西要和朋友分享的嘛！");
                        },
                        fail: function (res) {
                            showTipsPopbox("分享失败，重新分享试试吧！");
                        }

                    });

                    wx.getNetworkType({
                        success: function (res) {
                            var networkType = res.networkType; // 返回网络类型2g，3g，4g，wifi
                            $("#network").val(networkType);
                            network = networkType;
                        }
                    });
                    //wx.onMenuShareAppMessage(shareData);
                    //wx.onMenuShareTimeline(shareData);
                    //wx.onMenuShareQQ(shareData);
                    //wx.onMenuShareWeibo(shareData);
                });
                wx.error(function (res) {
                    if (res.errMsg == "config:invalid url domain") {
                        //alert("域名与使用的appid没有绑定")
                    } else if (res.errMsg == "config:permission denied") {
                        alert("公众号未认证、或者认证失效，接口请求失败")
                    } else if (res.errMsg == "config:function not exist") {
                        $("body").append("<div style=\"display:none\">错误提示:当前微信客户端版本不支持该接口，请升级到新版体验</div>")
                    } else if (res.errMsg == "config:invalid signature") {
                        $("body").append("<div style=\"display:none\">错误提示:签名错误，请联系管理员</div>")
                    } else {
                        $("body").append("<div style=\"display:none\">错误提示：" + res.errMsg + "</div>")
                    }
                })
            },
            error: function () { $("body").append("服务系统失败，请与管理员联系") }
        })
    </script>
</html>